<table id="tabla-servicios" class="table table-bordered table-hover table-condensed">
	<thead>
		<tr>
			<th></th>
			<th>Reserva</th>
			<th>Estado</th>
			<th>
			<i class="fa fa-clock-o bigger-110 hidden-480"></i>
			Fecha
			</th>											
			<th>Hora</th>
			<th>Timer</th>
			<th>Empresa</th>			
			<th>Pasajero</th>
			<th>Solicitante</th>
			<th>Cargo</th>
			<th>V&iacute;a</th>			
			<th>Origen</th>
			<th>Destino</th>
			<th>Unidad</th>
			<th>Celular</th>
			<th>Obs</th>				
			
			<th>Conductor</th>	
			<th>Telefonos Conductor</th>
			<th>Vehiculo</th>
			<th>Placa</th>
			<th>Origen completo</th>	
			<th>Destinos completos</th>
			<th>Obs completas</th>
			<th>Telefonos clientes</th>
			<th>Telefonos usuarios</th>
			<th>Centro Costo</th>
			<th>Tipo Unidad</th>
			<th>Tipo Maletera</th>
			<th>Tipo Servicio</th>			
		</tr>
	</thead>
	<tbody>
		<tr th:each="ordenServicio : ${ordenesServicio}" th:classappend=" ${#authorization.expression('hasRole(''ROLE_ADMIN'')')} ? ${ordenServicio.alertaBS}">
			<td class="center">
				<label>
					<input type="checkbox" name="chkOrdenes" class="ace" th:value="${ordenServicio.numReserva}"/>
					<span class="lbl"></span>
				</label>
			</td>
			<td th:text="${ordenServicio.numReserva}">73139</td>
			<td th:text="${ordenServicio.estado}">En proceso</td>
			<td th:text="${#dates.format(ordenServicio.fechaServicio, #messages.msg('date.formatFecha'))}">30/12/2013</td>
			<td th:text="${#dates.format(ordenServicio.fechaServicio, #messages.msg('date.formatHora'))}">14:30</td>
			<td th:text="${ordenServicio.horasRestantesParaIniciar}">14:30</td>
			<td th:text="${ordenServicio.pasajero.empresa.razonSocial}">Deloitte</td>
			<td th:text="${ordenServicio.pasajero.nombreCompleto}">William Chacon Arana</td>
			<td th:text="${ordenServicio.solicitante.login}">Akira Antonio Taira</td>
			<td th:text="${ordenServicio.solicitante.perfil.descripcion}">Adm. cliente</td>
			<td th:text="${ordenServicio.medioReserva}">Web</td>
			<td th:text="${ordenServicio.puntoOrigen.zona.nombre}">origen</td>
			<td th:text="${ordenServicio.ordenServicio.destinoUltimo.puntoDestino.zona.nombre}">destino</td>
			<td th:text="${ordenServicio.unidadMovil != null} ? ${ordenServicio.unidadMovil.id} : 'No asignado'">1</td>
			<td th:text="${ordenServicio.pasajero.telefonos[0].numero}">965234211</td>			
			<td class="text-center">
				<i th:if="${ordenServicio.observacion}" th:title="${ordenServicio.observacion}" data-rel="tooltip" class="fa fa-warning orange bigger-150"></i>
				<i th:if="${#authorization.expression('hasRole(''ROLE_ADMIN'')')} and ${ordenServicio.alertaBS == 'alert-danger noAsignado'} or ${ordenServicio.alertaBS == 'alert-warning noAsignado'}" title="Unidad M&oacute;vil no asignada" data-rel="tooltip" class="fa fa-spinner bigger-150"></i>
				<i th:if="${#authorization.expression('hasRole(''ROLE_ADMIN'')')} and ${ordenServicio.alertaBS == 'alert-danger tardanza'}" title="Unidad M&oacute;vil no ha llegado al origen" data-rel="tooltip" class="fa fa-clock-o bigger-150"></i>
				<i th:if="${#authorization.expression('hasRole(''ROLE_ADMIN'')')} and ${ordenServicio.alertaBS == 'alert-warning retrazo'}" title="Se prev&eacute; retrazo de Unidad M&oacute;vil" data-rel="tooltip" class="fa fa-clock-o bigger-150"></i>
				<i th:if="${#authorization.expression('hasRole(''ROLE_ADMIN'')')} and ${ordenServicio.alertaBS == 'alert-warning noConfirmado'}" title="Unidad M&oacute;vil no ha confirmado servicio" data-rel="tooltip" class="fa fa-bell-o bigger-150"></i>
			</td>
			
			<td th:text="${ordenServicio.unidadMovil != null} ? ${ordenServicio.unidadMovil.conductor.nombreCompleto} : 'No asignado'">Julio Alcantara Ortiz</td>
			<td th:text="${ordenServicio.unidadMovil != null} ? ${ordenServicio.unidadMovil.conductor.todosTelefonos} : ''">tlfs</td>
			<td th:text="${ordenServicio.unidadMovil != null} ? ${ordenServicio.unidadMovil.vehiculo.abreviado} : ''">sedan nissan negro 1986</td>
			<td th:text="${ordenServicio.unidadMovil != null} ? ${ordenServicio.unidadMovil.vehiculo.numPlaca} : ''">A2CUAS</td>
			<td th:utext="${ordenServicio.puntoOrigen.zona.nombre} + '&lt;br/&gt;' + ${ordenServicio.puntoOrigen.direccion}">Magdalena 1 <br/> Av. Sucre 873</td>
			<td th:utext="${ordenServicio.destinos.size() != 0} ? ${ordenServicio.destinoUltimo.puntoDestino.zona.nombre} + '&lt;br/&gt;' + ${ordenServicio.destinoUltimo.puntoDestino.direccion}">Comas 1 <br/> Calle Beta Mz. M</td>
			<td th:text="${ordenServicio.observacion}">obs</td>
			<td th:text="${ordenServicio.pasajero.todosTelefonos}">965234211</td>
			<td th:text="${ordenServicio.pasajero.todosTelefonos}">965234211</td>
			<td th:text="${ordenServicio.centroCosto}">Logistica</td>	
			<td th:text="${ordenServicio.unidadMovil != null} ? ${ordenServicio.unidadMovil.vehiculo.tipoVehiculo} : ''">Tipo Unidad</td>
			<td th:text="${ordenServicio.unidadMovil != null && ordenServicio.unidadMovil.vehiculo.maleteraAmplia == 1} ? 'Si' : 'No'">Maletera Amplia</td>
			<td th:text="${ordenServicio.tipoServicio}">Punto a pto.</td>			
		</tr>
	</tbody>
</table>